<template>
    <div class="dmeo-button">
        <pl-button label="label" @click="handleClick"/>
        <pl-button>
            BUTTON
        </pl-button>
        <h4>状态</h4>
        <pl-button v-for="item in ['primary','success','warn','error','info']" :label="item" :key="item" :status="item"/>
    </div>
</template>

<script>
    export default {
        name: "demo-button",
        setup() {
            return {
                handleClick: () => {
                    alert('click')
                }
            }
        },
    }
</script>

<style lang="scss">
    .dmeo-button {
        .pl-button {
            margin-right: 8px;
        }
    }
</style>